<template>
  <div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div style="text-align: center">
      <van-image
              round
              width="10rem"
              height="10rem"
              src="http://qi2xmzlec.hb-bkt.clouddn.com/%E5%AF%B9%E5%8B%BE.jpg"
      />
    </div>
    <br>
    <br>
    <br>
    <div style="margin: 25px;">
      <van-button round block type="primary" @click="click">
        返回首页
      </van-button>
    </div>
  </div>
</template>

<script>
    import Vue from 'vue';
    import { Collapse, CollapseItem,Row, Col, Icon, Cell, CellGroup, Image as VanImage,Divider  } from 'vant';
    Vue.use(VanImage);
    Vue.use(Divider);
    Vue.use(Collapse);
    Vue.use(CollapseItem);
    export default {
        components: {
            [Row.name]: Row,
            [Col.name]: Col,
            [Icon.name]: Icon,
            [Cell.name]: Cell,
            [CellGroup.name]: CellGroup
        },
        methods: {

            click() {
                this.$router.push('index');
            },
        }
    };
</script>

<style lang="less">
  .user {
    &-poster {
      width: 100%;
      height: 53vw;
      display: block;
    }

    &-group {
      margin-bottom: 15px;
    }

    &-links {
      padding: 5px 0;
      font-size: 12px;
      text-align: center;
      background-color: #fff;

      .van-icon {
        display: block;
        font-size: 24px;
      }
    }
  }
</style>
